<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
      
<ui:composition template="/restrito/template.xhtml">

<ui:define name="css">
	<style type="text/css">
		.box {
			width: 220px;
			border: 1px solid #CCC;
			padding: 7px;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    border-radius: 3px;
		}
		.box-resize {
			border: 1px solid #CCC;
			padding: 7px;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    border-radius: 3px;
		}
		.selectManyCheckBox {
			height: 100px; 
			overflow: auto;
			border: 1px solid #CCC;
			padding-left: 10px;
			width: 220px;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    border-radius: 3px;
		}
		.tableHead {
			color: white;
			background-color: #08C; 
			font-weight: bold; 
			text-align: left
		}
		.label-coluna2 {
			margin-top: 5px;
			margin-bottom: 5px;
			margin-right: 10px;
			float: left;
			text-align: right;
		}
		.control-group-coluna2 {
			margin-bottom: 0px;
		}
	</style>
</ui:define>

<ui:define name="menu"><ui:include src="menu.xhtml"/></ui:define>

<ui:define name="corpo">
	<h:outputScript library="js" name="cadastrarvaga.js" target="head" />
	<h:outputScript library="js" name="jquery.maskedinput-1.2.2.js" target="head" />
	<h:outputScript library="js" name="jquery-ui-1.8.18.custom.min.js" target="head" />
	<h:outputScript library="js" name="jquery.maskMoney.0.2.js" target="head" />
	
    <div class="container">
    <ui:include src="../mensagem.xhtml"/>
    <h:form id="f" styleClass="form-horizontal">
    	<fieldset>
    	<legend>Informações sobre o profissional</legend>
        <div class="control-group">
  			<h:outputLabel for="profissao" value="* Profissão" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="profissao" value="#{cadastrarVagaMB.vaga.idProfissao}" required="#{not empty param['f:visualizarvaga']}">
   					<a4j:ajax event="change" listener="#{cadastrarVagaMB.onchangeProfissao}" render="especialidade"/>
   					<f:selectItems value="#{cadastrarVagaMB.lsProfissao}" />
   				</h:selectOneMenu>
   				<rich:message for="profissao"/>
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="especialidade" value="* Especialidade" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="especialidade" value="#{cadastrarVagaMB.vaga.idEspecialidade}" required="true">
   					<f:selectItems value="#{cadastrarVagaMB.lsEspecialidade}" />
   				</h:selectOneMenu>
   				<rich:message for="especialidade"/>
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel value="* Pré-requisitos" styleClass="control-label"/>
  			<div class="controls box">
   				<h:selectBooleanCheckbox id="prereq1" value="#{cadastrarVagaMB.vaga.graduacaoMedicina}" />
   				<h:outputLabel for="prereq1" value="Graduação em medicina" styleClass="checkbox inline" style="padding-left:7px"/>
   				<rich:message for="prereq1"/>
   				<br/>
   				<h:selectBooleanCheckbox id="prereq2" value="#{cadastrarVagaMB.vaga.tituloEspecialista}"/>
   				<h:outputLabel for="prereq2" value="Título de especialista" styleClass="checkbox inline" style="padding-left:7px"/>
   				<rich:message for="prereq2"/>
   				<br/>
   				<h:selectBooleanCheckbox id="prereq3" value="#{cadastrarVagaMB.vaga.linguaEstrangeira}"/>
   				<h:outputLabel for="prereq3" value="Conhecimento língua estrangeira" styleClass="checkbox inline" style="padding-left:7px"/>
   				<rich:message for="prereq3"/>
   				<br/>
   				<br/>
   				Outros pré-requisitos
   				<br/>
   				<h:inputTextarea value="#{cadastrarVagaMB.vaga.outrosPrerequisitos}" cols="70" rows="5" />
  			</div>
		</div>
		</fieldset>
		<fieldset>
		<legend>Informações sobre o trabalho</legend>
        <div class="control-group">
  			<h:outputLabel for="idEmpresa" value="* Local de trabalho" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneMenu id="idEmpresa" value="#{cadastrarVagaMB.vaga.idEmpresa}" required="true">
   					<f:selectItems value="#{cadastrarVagaMB.lsLocalTrabalho}" />
   				</h:selectOneMenu>
  				<rich:message for="idEmpresa"/>
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="tipoAtendimento" value="* Tipo de atendimento" styleClass="control-label"/>
  			<div class="controls">
   				<div class="selectManyCheckBox">
	   				<h:selectManyCheckbox id="tipoAtendimento" value="#{cadastrarVagaMB.lsTipoAtendimentoString}" required="true" layout="pageDirection">
	   					<f:selectItems value="#{selectItemMB.lsTipoAtendimento}" />
	   				</h:selectManyCheckbox>
   				</div>
   				<rich:message for="tipoAtendimento"/>
   				<div id="spTipoAtendimentoOutro" style="display: none;">
   					<br/>
   					* Qual?<h:inputText id="tipoAtendimentoOutro" value="#{cadastrarVagaMB.tipoAtendimentoOutro}" required="#{param['f:tipoAtendimento'] == 'O'}" 
   									maxlength="40" styleClass="span2" style="margin-left:5px;" />
   					<rich:message for="tipoAtendimentoOutro"/>
   				</div>
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel value="* Atividades exercidas" styleClass="control-label"/>
  			<div class="controls box">
   				<h:outputLabel for="ritmoAtendimento" value="Ritmo de atendimento"/>
   				<h:inputText id="ritmoAtendimento" value="#{cadastrarVagaMB.vaga.ritmoAtendimento}" required="true" size="1" maxlength="2" style="width:30px;"/>
   				<rich:jQuery selector="#ritmoAtendimento" query="maskMoney({showSymbol:false,length:1,precision:0})" />
   				pacientes por hora
   				<rich:message for="ritmoAtendimento"/>
				<br/>
				<br/>
   				<h:outputLabel for="numeroMedioPacientes" value="Número médio de pacientes"/>
   				<h:inputText id="numeroMedioPacientes" value="#{cadastrarVagaMB.vaga.numeroMedioPacientes}" required="true" size="1" maxlength="3" style="width:30px;"/>
   				<rich:jQuery selector="#numeroMedioPacientes" query="maskMoney({showSymbol:false,length:2,precision:0})" />
   				<h:selectOneMenu value="#{cadastrarVagaMB.vaga.unidadeNumeroMedioPacientes}" required="true" style="width:105px">
   					<f:selectItems value="#{selectItemMB.lsNumeroMedioPacientes}" />
   				</h:selectOneMenu>
   				<rich:message for="numeroMedioPacientes"/>
				<br/>
				<br/>
				<h:outputLabel for="informacoesAdicionaisAtividades" value="Informações adicionais"/>
				<h:inputTextarea id="informacoesAdicionaisAtividades" value="#{cadastrarVagaMB.vaga.informacoesAdicionaisAtividades}" cols="70" rows="5" />
				<rich:message for="informacoesAdicionaisAtividades"/>
			</div>
		</div>
		</fieldset>
		<fieldset>
		<legend>Informações sobre o vínculo de trabalho</legend>
        <div class="control-group">
  			<h:outputLabel for="tipoVinculo" value="* Tipo de vínculo" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="tipoVinculo" value="#{cadastrarVagaMB.vaga.tipoVinculo}" required="true">
   					<f:selectItems value="#{selectItemMB.lsTipoVinculo}" />
   				</h:selectOneRadio>
   				<rich:message for="tipoVinculo"/>
  			</div>
		</div>
        <div class="control-group" id="trTipoVinculoPessoa" style="display: none;">
  			<div class="controls">
   				<h:selectOneRadio id="tipoVinculoPessoa" value="#{cadastrarVagaMB.vaga.tipoVinculoPessoa}" required="#{param['f:tipoVinculo'] == 'C'}">
   					<f:selectItems value="#{selectItemMB.lsTipoVinculoPessoa}" />
   				</h:selectOneRadio>
   				<rich:message for="trTipoVinculoPessoa"/>
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="duracaoVinculo" value="* Duração do vínculo" styleClass="control-label"/>
  			<div class="controls">
   				<h:selectOneRadio id="duracaoVinculo" value="#{cadastrarVagaMB.vaga.duracaoVinculo}" required="true">
   					<f:selectItems value="#{selectItemMB.lsDuracaoVinculo}" />
   				</h:selectOneRadio>
   				<rich:message for="duracaoVinculo"/>
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="beneficio" value="Benefícios" styleClass="control-label"/>
  			<div class="controls">
   				<div class="selectManyCheckBox">
   				<h:selectManyCheckbox id="beneficio" value="#{cadastrarVagaMB.lsBeneficioString}" layout="pageDirection">
   					<f:selectItems value="#{selectItemMB.lsBeneficio}" />
   				</h:selectManyCheckbox>
   				<rich:message for="beneficio"/>
   				</div>
   				<div id="spBeneficioOutro" style="display: none">
   					<br/>* Qual?<h:inputText id="beneficioOutro" value="#{cadastrarVagaMB.beneficioOutro}" required="#{param['f:beneficio'] == 'M'}" 
   									 maxlength="40" styleClass="span2" style="margin-left:5px;"/>
   					<rich:message for="beneficioOutro"/>
   				</div>
  			</div>
		</div>
		</fieldset>
		
		<fieldset>
		<legend>Informações sobre remuneração
			<a class="btn" data-toggle="modal" href="#modalRemuneracao" style="margin-left:20px;margin-bottom:5px"><i class="icon-plus"></i> Adicionar remuneração </a>
		</legend>
		<div class="control-group">
			<a4j:outputPanel id="panelRemuneracao">
				<c:if test="#{cadastrarVagaMB.remuneracaoSalarioAdicionado}">
					<table class="table-condensed table-striped" style="width: 400px">
					<thead>
					<tr>
						<th colspan="2" class="tableHead">
							Salário
							<span style="float: right;">
								<a4j:commandButton value="excluir" action="#{cadastrarVagaMB.excluirRemuneracaoS}" render="panelRemuneracao" execute="@this" styleClass="btn btn-mini" />
							</span>
						</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td>Carga horária semanal</td>
						<td>#{cadastrarVagaMB.remuneracaoSalario.cargaHorariaSemanal} horas</td>
					</tr>
					<tr>
						<td>Escala de plantão</td>
						<td>#{cadastrarVagaMB.remuneracaoSalario.escalaPlantaoFormatado}</td>
					</tr>
					<tr>
			  			<td>Dias e horários</td>
			  			<td>
						<ui:repeat var="horarioValor" value="#{cadastrarVagaMB.lsHorarioValorSalario}" varStatus="i">
			  				#{horarioValor.diaInicioFormatado} a #{horarioValor.diaFimFormatado} de #{horarioValor.horaInicio} a #{horarioValor.horaFim}
			  				<br/>
		   				</ui:repeat>
			  			</td>
		    		</tr>
	   				<tr>
	   					<td>Valor</td>
	   					<td>
		   					<h:outputText value="#{cadastrarVagaMB.remuneracaoSalario.valorHora}">
		   						<f:converter converterId="conversorDecimal" />
		   					</h:outputText>
		   					<h:outputText value="#{cadastrarVagaMB.remuneracaoSalario.valorMensal}">
		   						<f:converter converterId="conversorDecimal" />
		   					</h:outputText>
		   					(#{cadastrarVagaMB.remuneracaoSalario.liquidoFormatado})
	   					</td>
	   				</tr>
	   				</tbody>
	   				</table>
	   				<br/>
				</c:if>
				<c:if test="#{cadastrarVagaMB.remuneracaoPlantaoAdicionado}">
					<table class="table-condensed table-striped" style="width: 400px">
					<thead>
					<tr>
						<th colspan="2" class="tableHead">
							Por Plantão/Turno
							<span style="float: right;">
								<a4j:commandButton value="excluir" action="#{cadastrarVagaMB.excluirRemuneracaoP}" render="panelRemuneracao" execute="@this" styleClass="btn btn-mini" />
							</span>
						</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td>Data específica</td>
						<td>#{cadastrarVagaMB.remuneracaoPlantao.dataEspecificaFormatado}</td>
					</tr>
					<tr>
						<td>Dias e horários</td>
						<td>
	  					<ui:repeat var="horarioValor" value="#{cadastrarVagaMB.lsHorarioValorPlantao}" varStatus="i">
	  						#{horarioValor.diaFormatado} 
	  						<h:outputText value="#{horarioValor.dataEspecifica}">
	  							<f:converter converterId="conversorData"/>
	  						</h:outputText>  
	  						de #{horarioValor.horaInicio} a #{horarioValor.horaFim} 
							<h:outputText value="#{horarioValor.valorPorHora}">
								<f:converter converterId="conversorDecimal"/>
							</h:outputText>
							<h:outputText value="#{horarioValor.valorPorPlantao}">
								<f:converter converterId="conversorDecimal"/>
							</h:outputText>
							#{horarioValor.unidadeValorFormatado}
	  						<br/>
	  					</ui:repeat>
						</td>
					</tr>
					</tbody>
					</table>
					<br/>	
				</c:if>
				<c:if test="#{cadastrarVagaMB.remuneracaoConsultaAdicionado}">
					<br/>				
				</c:if>
			</a4j:outputPanel>
		</div>
		<div class="control-group">
  			<h:outputLabel for="informacoesAdicionaisRemuneracao" value="Informações adicionais" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="informacoesAdicionaisRemuneracao" value="#{cadastrarVagaMB.vaga.informacoesAdicionaisRemuneracao}" maxlength="100" />
  			</div>
		</div>		
		</fieldset>
		
		<fieldset>
		
		<legend>Outras informações da vaga</legend>
		
		<div class="control-group">
  			<h:outputLabel for="identificaoVaga" value="Identificação da vaga" styleClass="control-label"/>
  			<div class="controls">
				<h:inputText id="identificaoVaga" value="#{cadastrarVagaMB.vaga.identificaoVaga}" maxlength="40" />
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="numeroVagas" value="* Número de vagas" styleClass="control-label"/>
  			<div class="controls">
   				<h:inputText id="numeroVagas" value="#{cadastrarVagaMB.vaga.numeroVagas}" required="true" maxlength="2" />
   				<rich:message for="numeroVagas"/>
   				<rich:jQuery selector="#numeroVagas" query="maskMoney({showSymbol:false,length:3,precision:0})" />
  			</div>
		</div>
        <div class="control-group">
  			<h:outputLabel for="prazoInscricao" value="* Prazo para inscrição" styleClass="control-label"/>
  			<div class="controls">
				<rich:calendar id="prazoInscricao" value="#{cadastrarVagaMB.vaga.prazoInscricao}" datePattern="dd/MM/yyyy" required="true" showFooter="false" showWeeksBar="false" firstWeekDay="0" />
				<rich:message for="prazoInscricao"/>
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="informacoesAdicionaisGeral" value="Informações adicionais" styleClass="control-label"/>
  			<div class="controls">
  				<h:inputTextarea id="informacoesAdicionaisGeral" value="#{cadastrarVagaMB.vaga.informacoesAdicionaisGeral}" cols="70" rows="5" />
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="exibirNomeFantasia" value="Exibir o nome fantasia da empresa no anúncio da vaga" styleClass="control-label"/>
  			<div class="controls">
  				<h:selectBooleanCheckbox id="exibirNomeFantasia" value="#{cadastrarVagaMB.vaga.exibirNomeFantasia}"/>
  			</div>
		</div>
        <div class="control-group">
			<h:outputLabel for="receberEmailCandidato" value="Receber e-mail informativo sobre usuários que se candidatarem" styleClass="control-label"/>
  			<div class="controls">
  				<h:selectBooleanCheckbox id="receberEmailCandidato" value="#{cadastrarVagaMB.vaga.receberEmailCandidato}"/>
  			</div>
		</div>
		</fieldset>
		<div class="form-actions">
	  	    <h:button outcome="consultarvaga" value="Voltar" rendered="#{cadastrarVagaMB.alteracao}" styleClass="btn btn-large"/>
	  	    <h:commandButton action="#{cadastrarVagaMB.previsualizar}" id="visualizarvaga" value="Pré-visualizar" styleClass="btn-large btn-primary" style="margin-left:5px"/>
		</div>
	</h:form>
	</div>
	
	
	<div class="modal hide fade" id="modalRemuneracao">
		<div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>Informações sobre remuneração</h3>
		</div>
		<h:form id="fr" styleClass="form-horizontal">
		<div class="modal-body">
			<div class="control-group" style="background-color: whiteSmoke">
				<h:outputLabel for="tipoRemuneracao" value="* Tipo da remuneração" styleClass="control-label"/>
	  			<div class="controls">
  				    <h:selectOneRadio id="tipoRemuneracao" value="#{cadastrarVagaMB.tipoRemuneracao}">
    					<f:selectItems value="#{selectItemMB.lsTipoRemuneracao}" />
    				</h:selectOneRadio>
	  			</div>
			</div>
			
			<div id="tbSalario" style="display: none">
				<div class="control-group">
					<h:outputLabel for="cargaHorariaSemanalS" value="* Carga horária semanal" styleClass="control-label"/>
		  			<div class="controls">
	    				<h:inputText id="cargaHorariaSemanalS" value="#{cadastrarVagaMB.remuneracaoSalario.cargaHorariaSemanal}" required="#{param['fr:tipoRemuneracao'] == 'S'}" styleClass="span2"/>
	   					<rich:jQuery selector="#cargaHorariaSemanalS" query="mask('99:99')" />
		  			</div>
				</div>
				<div class="control-group">
					<h:outputLabel for="escalaPlantaoS" value="* Escala de plantão?" styleClass="control-label"/>
		  			<div class="controls">
	    				<h:selectOneRadio id="escalaPlantaoS" value="#{cadastrarVagaMB.remuneracaoSalario.escalaPlantao}" required="#{param['fr:tipoRemuneracao'] == 'S'}">
	    					<f:selectItem itemValue="true" itemLabel="Sim"  />
	    					<f:selectItem itemValue="false" itemLabel="Não"  />
	    				</h:selectOneRadio>	  			
		  			</div>
				</div>
				<div class="control-group">
					<h:outputLabel for="diaInicioS" value="* Dias e horários" styleClass="control-label"/>
					<div class="controls">
	    				<a4j:outputPanel id="panelHorarioS">
							<table class="table-condensed table-striped table-bordered" style="width:100%">
	    					<ui:repeat var="horarioValor" value="#{cadastrarVagaMB.lsHorarioValorSalario}" varStatus="i">
								<tr style="margin-bottom:3px">
									<td>#{horarioValor.diaInicioFormatado} a #{horarioValor.diaFimFormatado} de #{horarioValor.horaInicio} a #{horarioValor.horaFim}</td>
									<td style="text-align: center">
			    						<a4j:commandButton value="Excluir" action="#{cadastrarVagaMB.excluirHorarioS}" render="panelHorarioS" execute="@this" styleClass="btn btn-mini" style="margin-left:5px;">
			    							<f:param name="index" value="#{i.index}" />
			    						</a4j:commandButton>
									</td>
								</tr>
	    					</ui:repeat>
	    					</table>
	    				</a4j:outputPanel>
	    				<div class="box-resize">
	    				<div class="control-group-coluna2" style="margin-bottom:10px;">
		    				<span class="label-coluna2" style="width:35px;"> Dias </span>
		    				<h:selectOneMenu id="diaInicioS" value="#{cadastrarVagaMB.horarioValorSalario.diaInicio}" style="width:85px;">
		    					<f:selectItems value="#{selectItemMB.lsDiaSemana}" />
		    				</h:selectOneMenu>
		    				a
		    				<h:selectOneMenu id="diaFimS" value="#{cadastrarVagaMB.horarioValorSalario.diaFim}" style="width:85px;">
		    					<f:selectItems value="#{selectItemMB.lsDiaSemana}" />
		    				</h:selectOneMenu>
	    				</div>
	    				<div class="control-group-coluna2">
		    				<span class="label-coluna2" style="width:35px;"> Horário </span>
		    				<h:inputText id="horaInicioS" value="#{cadastrarVagaMB.horarioValorSalario.horaInicio}" style="width:75px;"/>
	   						<rich:jQuery selector="#horaInicioS" query="mask('99:99')" />
		    				a
		    				<h:inputText id="horaFimS" value="#{cadastrarVagaMB.horarioValorSalario.horaFim}" style="width:75px;"/>
	   						<rich:jQuery selector="#horaFimS" query="mask('99:99')" />
	   						
		    				<a4j:commandButton id="adicionarS" value="Adicionar" action="#{cadastrarVagaMB.adicionarHorarioS}" 
		    					render="panelHorarioS" execute="adicionarS diaInicioS diaFimS horaInicioS horaFimS" styleClass="btn btn-small" style="margin-left:5px;" />
	    				</div>
	    				</div>
					</div>
				</div>
				<div class="control-group">
					<h:outputLabel for="valorMensalS" value="* Valor mensal" styleClass="control-label"/>
		  			<div class="controls">
		  				<div class="input-prepend input-append">
		    				<span class="add-on">R$</span>
		    				<h:inputText id="valorMensalS" value="#{cadastrarVagaMB.remuneracaoSalario.valorMensal}" required="#{param['fr:tipoRemuneracao'] == 'S'}" styleClass="span2">
		    					<f:converter converterId="conversorDecimal"/>
		    				</h:inputText>
		              	</div>
	    				<h:selectOneRadio id="liquidoS" value="#{cadastrarVagaMB.remuneracaoSalario.liquido}">
	    					<f:selectItem itemValue="true" itemLabel="Líquido"  />
	    					<f:selectItem itemValue="false" itemLabel="Bruto"  />
	    				</h:selectOneRadio>
	    				<rich:jQuery selector="#valorMensalS" query="maskMoney({showSymbol:false,length:7})" />
		  			</div>
				</div>
			</div>
			
			<div id="tbTurnoPlantao" style="display: none">
				<div class="control-group">
					<h:outputLabel for="dataEspecificaP" value="* Data específica?" styleClass="control-label"/>
		  			<div class="controls">
	    				<h:selectOneRadio id="dataEspecificaP" value="#{cadastrarVagaMB.remuneracaoPlantao.dataEspecifica}">
	    					<f:selectItem itemValue="true" itemLabel="Sim"  />
	    					<f:selectItem itemValue="false" itemLabel="Não"  />
	    				</h:selectOneRadio>
		  			</div>
				</div>
				<div class="control-group" id="diaHorarioP">
					<h:outputLabel value="* Dias e horários" styleClass="control-label"/>
		  			<div class="controls">
		   				<a4j:outputPanel id="panelHorarioP">
							<table class="table-condensed table-striped table-bordered" style="width:100%">
		   					<ui:repeat var="horarioValor" value="#{cadastrarVagaMB.lsHorarioValorPlantao}" varStatus="i">
		   						<tr style="margin-bottom:3px">
		   							<td>#{horarioValor.diaFormatado} 
				   						<h:outputText value="#{horarioValor.dataEspecifica}">
				   							<f:converter converterId="conversorData"/>
				   						</h:outputText>
				   						de #{horarioValor.horaInicio} a #{horarioValor.horaFim} 
			  							<h:outputText value="#{horarioValor.valorPorHora}">
			  								<f:converter converterId="conversorDecimal"/>
			  							</h:outputText>
			  							<h:outputText value="#{horarioValor.valorPorPlantao}">
			  								<f:converter converterId="conversorDecimal"/>
			  							</h:outputText>
			  							#{horarioValor.unidadeValorFormatado}
			  						</td>
			  						<td style="text-align: center">
				   						<a4j:commandLink value="Excluir" action="#{cadastrarVagaMB.excluirHorarioP}" render="panelHorarioP" execute="@this" styleClass="btn btn-mini" style="margin-left:5px;">
				   							<f:param name="index" value="#{i.index}" />
				   						</a4j:commandLink>
				   					</td>
			    				</tr>
		   					</ui:repeat>
		   					</table>
		   				</a4j:outputPanel>
		   				<div class="box-resize">
		   					<div class="control-group-coluna2" style="margin-bottom:10px;">	
			    				<h:selectOneMenu id="diaP" value="#{cadastrarVagaMB.horarioValorPlantao.dia}" style="width: 85px;">
			    					<f:selectItems value="#{selectItemMB.lsDiaSemana}" />
			    				</h:selectOneMenu>
			    				<rich:calendar id="dataEspecificaCalendarP" value="#{cadastrarVagaMB.horarioValorPlantao.dataEspecifica}" datePattern="dd/MM/yy" />
			    				de
			    				<h:inputText id="horaInicioP" value="#{cadastrarVagaMB.horarioValorPlantao.horaInicio}" style="width:75px;"/>
		   						<rich:jQuery selector="#horaInicioP" query="mask('99:99')" />
			    				a
			    				<h:inputText id="horaFimP" value="#{cadastrarVagaMB.horarioValorPlantao.horaFim}" style="width:75px;"/>
		   						<rich:jQuery selector="#horaFimP" query="mask('99:99')" />
	   						</div>
	   						<div class="control-group-coluna2">
			    				<div class="input-prepend input-append">
				    				<span class="add-on">R$</span>
				    				<h:inputText id="valorP" value="#{cadastrarVagaMB.valor}" style="width: 100px;">
				    					<f:converter converterId="conversorDecimal"/>
				    				</h:inputText>
				    			</div>
			    				<rich:jQuery selector="#valorP" query="maskMoney({showSymbol:false,length:7})" />
			    				<h:selectOneMenu id="unidadeValorP" value="#{cadastrarVagaMB.horarioValorPlantao.unidadeValor}" style="width: 135px;">
			    					<f:selectItems value="#{selectItemMB.lsUnidadeValor}" />
			    				</h:selectOneMenu>
			    				
			    				<a4j:commandLink id="adicionarP" value="Adicionar" action="#{cadastrarVagaMB.adicionarHorarioP}" styleClass="btn btn-small" style="margin-left:5px;"
			    					render="panelHorarioP" execute="adicionarP dataEspecificaP diaP dataEspecificaCalendarP horaInicioP horaFimP valorP unidadeValorP"  />
			    			</div>
		    			</div>
					</div>
				</div>
	        </div>
			
		</div><!-- corpo modal -->
		
		<div class="modal-footer">
			<a4j:commandButton value="Cancelar" onclick="jQuery('#modalRemuneracao').modal('hide'); return false;" styleClass="btn" />
			<a4j:commandButton value="Adicionar" id="btnAdicionarRemuneracaoS" action="#{cadastrarVagaMB.adicionarRemuneracaoS}" 
				render="panelRemuneracao" 
				execute="@this tipoRemuneracao cargaHorariaSemanalS escalaPlantaoS valorMensalS liquidoS"
				oncomplete="jQuery('#modalRemuneracao').modal('hide'); return false;" styleClass="btn btn-primary" style="display: none" />
			<a4j:commandButton value="Adicionar" id="btnAdicionarRemuneracaoP" action="#{cadastrarVagaMB.adicionarRemuneracaoP}" 
				render="panelRemuneracao" 
				execute="@this tipoRemuneracao dataEspecificaP"
				oncomplete="jQuery('#modalRemuneracao').modal('hide'); return false;" styleClass="btn btn-primary" style="display: none" />
			<a4j:commandButton value="Adicionar" id="btnAdicionarRemuneracaoC" action="#{cadastrarVagaMB.adicionarRemuneracaoC}" 
				render="panelRemuneracao" 
				execute="@this tipoRemuneracao dataEspecificaP"
				oncomplete="jQuery('#modalRemuneracao').modal('hide'); return false;" styleClass="btn btn-primary" style="display: none" />
		</div>
		</h:form>
	</div>
</ui:define>
</ui:composition>
</html>
